<template>
  <a_page :是列表页="false">
    User {{ $route.query.id }}
    id prop :{{ id }}
    <a页头固定栏><a工具栏 :list="list" :详情_抽屉式="详情" /></a页头固定栏>

    <el-form :model="单项" label-position="top" ref="formRef" :rules="rule" label-width="80px"
      class="row q-col-gutter-md">
      <div class="col-4">
        <el-form-item label="行业:" prop="行业">
          <el-input v-model="单项.行业" :clearable="true" />
        </el-form-item>
      </div>
      <div class="col-4">
        <el-form-item label="客户单位:" prop="客户单位">
          <el-input v-model="单项.客户单位" :clearable="true" />
        </el-form-item>
      </div>
      <div class="col-4">
        <el-form-item label="项目名称:" prop="项目名称">
          <el-input v-model="单项.项目名称" :clearable="true" />
        </el-form-item>
      </div>
      <div class="col-4">
        <el-form-item label="预计招标时间:" prop="预计招标时间">
          <el-date-picker v-model="单项.预计招标时间" type="datetime" />
        </el-form-item>
      </div>
    </el-form>
  </a_page>
</template>

<script setup>
import { ref, reactive, onMounted, onBeforeUnmount, watch } from 'vue'
defineOptions({
  name: '项目管理/项目信息/详情',
})
const props = defineProps({
  list: Object,
  url: String,
  id: null
})

import use详情_抽屉式 from '@/hooks/use详情_抽屉式';
function 复制后处理(单项) {
  单项.客户单位 += 1
  单项.项目名称 += 1
}
const 详情 = use详情_抽屉式({ list: props.list, url: props.url, 复制后处理 })
// const 详情 = use详情_抽屉式()
const { 弹窗否, 单项, 初始化, formRef, rule } = 详情


</script>

<style></style>
